<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>DataGrid</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css"
	href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<!--引入Jquery主文件-->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!--引入JqueryEasyUI主文件-->
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!--让easyUI支持中文-->
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	$(function() {
		$("#dd").draggable({onStartDrag:alert("hahahah")});
	})
</script>
</head>

<body>

	<div id="mydd"
		style="width: 300px; height: 200px; background-color: pink;"
		class="easyui-draggable" data-options="cursor:'move',revert:true,edge:10">111111111拖拽aaaaa</div>

	<div id="cc" class="easyui-calendar"
		style="width: 180px; height: 180px; background-color: pink;">日历
	</div>

	 <div id="dd" style="width: 100px; height: 100px;background: red" data-options="handle:'#title'">
		<div id="title" style="background: #ccc;">title</div>
	</div> 

	<!-- <div id="rr" class="easyui-resizable" 
	data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;border:1px solid #ccc;background-color: pink"></div>  -->
	












</body>

</html>

